<template>
  <view class="content">
    <view class="imgBox">
      <image src="https://mh.qingfentool.vip/upload/image/20230529/fb2e040f5177508cb28295f52b25c021.png"> </image>
    </view>
    <!-- <view style="color: white;font-size: 20rpx;width: 100%;height: 30rpx;margin-top: 30rpx;line-height: 30rpx;text-align: center;">杭州徽风里网络科技有限公司出品</view>
    <view style="color: white;font-size: 20rpx;width: 100%;height: 30rpx;line-height: 30rpx;text-align: center;">浙ICP备2021033506号-2</view> -->
    <view class="main">
      <view class="item" v-if="version != ''">
        <view class="item-left">
          <text>检查更新</text>
        </view>
        <view class="box">
          <view style="margin-right: 20rpx">版本号：{{ version }}</view>
        </view>
      </view>

      <u-gap height="18" bg-color="#262626"></u-gap>

      <view class="item" @click="gourl('/userPage/user/agreement?type=1&id=2')">
        <view class="item-left">
          <text>用户协议</text>
        </view>
        <u-icon name="arrow-right" color="#D1D1D1" size="28"></u-icon>
      </view>
      <u-gap height="18" bg-color="#262626"></u-gap>

      <view class="item" @click="gourl('/userPage/user/agreement?type=1&id=3')">
        <view class="item-left">
          <text>隐私政策</text>
        </view>
        <u-icon name="arrow-right" color="#D1D1D1" size="28"></u-icon>
      </view>
    </view>
  </view>
</template>

<script>
// #ifdef APP-PLUS
import { getCurrentNo } from '@/uni_modules/zhouWei-APPUpdate/js_sdk/appUpdate'
// #endif
export default {
  data() {
    return {
      url: this.$configs.urls,
      version: '' // 版本号
    }
  },
  onLoad() {
    // #ifdef APP-PLUS
    getCurrentNo(res => {
      // 进页面获取当前APP版本号（用于页面显示）
      this.version = res.version
    })
    // #endif
  },
  methods: {
    gourl(url) {
      uni.navigateTo({
        url: url
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.content {
  width: 100vw;
  height: 100vh;
  background-color: #262626;
  padding-top: 137rpx;
}

.imgBox {
  width: 137rpx;
  height: 137rpx;
  margin: 0 auto;

  image {
    width: 100%;
    height: 100%;
  }
}

.main {
  margin-top: 89rpx;

  .item {
    width: 96%;
    margin: auto;
    min-height: 120rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20rpx;
    // background-color: #262626;
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #fff;
    margin-left: 10rpx;
    background: rgba(255, 231, 192, 0.1);
    border-radius: 10rpx 10rpx 10rpx 10rpx;
    opacity: 1;
    border: 1rpx solid #FED187;
  }
}

// .box {
//     margin-top: 89rpx;
// }

// .content {
//     width: 100%;
//     height: 100vh;
//     background-color: #f7f9fc;
//     padding-top: 137rpx;
// }

// .content .content-item {
//     background-color: #fff;
//     width: 100%;
//     min-height: 120rpx;
//     display: flex;
//     justify-content: space-between;
//     align-items: center;
//     padding: 20rpx;
// }

// .content .content-item .item-left {
//     display: flex;
//     justify-content: flex-start;
//     align-items: center;
// }

// .content .content-item .item-left text {
//     font-size: 32rpx;
//     font-family: PingFang SC;
//     font-weight: 500;
//     color: #000000;
//     margin-left: 10rpx
// }

// .content .content-item .item-text {
//     font-size: 28rpx;
//     color: #333333;
//     opacity: 1;
//     margin-right: 20rpx
// }
.box {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #a4a4a4;
}
</style>
